<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/goods-list.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.5.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		
	</head>

	<body>
		<div id="header">
			
		</div>
		<div class="container">
			<div class="goods-list">
				<a href="index.html">首页</a>
				<p class="pict"><img height="12" src="img/xbt-4_03.png" /></p>
				<span class="fz">电器</span>
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="goods-details2.html"><img src="img/7598c623e51be892450d4784e1837dea.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href="goods-details2.html"><img src="img/b5df6b7ef05c0d2cfdce67640fe6b6e9.jpg" /></a>
					</div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
				<!-- Add Pagination -->
				<div class="swiper-pagination active"></div>
			</div>
			
			<div class="goodsArea">
				<div class="goodsStor">
					<span>分类：</span>
					<div class="category">
						<a href="#" class="categoryItem ">全部</a>
						<a href="#" class="categoryItem">生活电器</a>
						<a href="#" class="categoryItem">厨房电器</a>
						<a href="#" class="categoryItem">个护健康</a>
						<a href="#" class="categoryItem">数码</a>
						<a href="#" class="categoryItem">影音娱乐</a>
					</div>
				</div>
				<div class="area">
					<span>配送地区：</span>
					<div class="category">
						<a href="#" class="categoryItem ">全部</a>
						<a href="#" class="categoryItem">香港</a>
						<a href="#" class="categoryItem">澳门</a>
						<a href="#" class="categoryItem">台湾</a>
						<a href="#" class="categoryItem">日韩</a>
						<a href="#" class="categoryItem">亚洲</a>
						<a href="#" class="categoryItem">欧洲</a>
						<a href="#" class="categoryItem">美洲</a>
					</div>
				</div>
				<div class="stors">
					<span>排序:</span>
					<div class="category">
						<a href="#" class="categoryItem">默认</a>
						<a href="#" class="categoryItem">价格
							<div class="icon">
								<img class="priceUp" src="img/xbt-3_07.png" />
								<img class="priceDown" src="img/xbt-3_08.png" />
							</div>
						</a>
						<a href="#" class="categoryItem">上架时间 <img style="vertical-align: middle;" width="8px" src="img/l-1_02.png"/> </a>
					</div>
				</div>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p><img class="fl" width="44" src="img/tit-1.png">
						<span class="name fl">生活电器</span></p>
					<div class="clear"></div>
					<p class="desc">高性价比的智能小家电</p>
				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" src="img/hd-1.png" /></a>
						</div>
						<div class="prdtTags">
							<span>新品</span>
						</div>
						<div class="name1">
							<span><a href="#">便携式投影仪</a></span>
						</div>
						<p class="price">￥3199</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>用券立省400元</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-2.png" /></a>
						</div>
						<div class="prdtTags">
							<span>发烧节特惠</span>
						</div>
						<div class="name1">
							<span><a href="#">Kinven 灭蚊魔方</a></span>
						</div>
						<p class="price">￥175
							<span>￥189</span>
						</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">魔方吸蚊，物理灭蚊，母婴可用，静享无蚊一夏</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" src="img/hd-3.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="#">网易智造3D可逆循环扇</a></span>
						</div>
						<p class="price">￥125</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>创新可逆模式 空气对流循环</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-4.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">电子防盗保险箱</a></span>
						</div>
						<p class="price">￥1099</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">CCC认证，三面五栓，指纹密码，稳妥守护重要物件</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" src="img/hd-1.png" /></a>
						</div>
						<div class="prdtTags">
							<span>新品</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">便携式投影仪</a></span>
						</div>
						<p class="price">￥3199</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>用券立省400元</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-2.png" /></a>
						</div>
						<div class="prdtTags">
							<span>发烧节特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details3.html">Kinven 灭蚊魔方</a></span>
						</div>
						<p class="price">￥175
							<span>￥189</span>
						</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">魔方吸蚊，物理灭蚊，母婴可用，静享无蚊一夏</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-3.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">网易智造3D可逆循环扇</a></span>
						</div>
						<p class="price">￥125</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>创新可逆模式 空气对流循环</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-4.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">电子防盗保险箱</a></span>
						</div>
						<p class="price">￥1099</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">CCC认证，三面五栓，指纹密码，稳妥守护重要物件</p>
						</div>
					</li>

				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p><img class="fl" width="44" src="img/tit-2.png">
						<span class="name fl">厨房电器</span></p>
					<div class="clear"></div>
					<p class="desc">厨房里的省心小家电</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-5.png" /></a>
						</div>
						<div class="prdtTags">
							<span>新品</span>
						</div>
						<div class="name1">
							<span><a href="goods-details3.html">保温电水壶</a></span>
						</div>
						<p class="price">￥199</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>健康饮水，唤醒新一天的活力</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-6.png" /></a>
						</div>
						<div class="colorNum">
							<span>2色可选</span>
						</div>
						<div class="prdtTags">
							<span>发烧节特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details3.html">多功能料理机/榨汁机</a></span>
						</div>
						<p class="price">￥175
							<span>￥189</span>
						</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>搅拌机+果汁机+干磨机+绞肉机</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-7.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">老板 油烟机+燃气灶套装</a></span>
						</div>
						<p class="price">￥1888</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>赠价值899元电压力锅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-8.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">美的 免安装台式洗碗机</a></span>
						</div>
						<p class="price">￥2266</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>解放双手，让洗碗变得简单</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-5.png" /></a>
						</div>
						<div class="prdtTags">
							<span>新品</span>
						</div>
						<div class="name1">
							<span><a href="goods-details3.html">保温电水壶</a></span>
						</div>
						<p class="price">￥199</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>健康饮水，唤醒新一天的活力</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-6.png" /></a>
						</div>
						<div class="colorNum">
							<span>2色可选</span>
						</div>
						<div class="prdtTags">
							<span>发烧节特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details3.html">多功能料理机/榨汁机</a></span>
						</div>
						<p class="price">￥175
							<span>￥189</span>
						</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>搅拌机+果汁机+干磨机+绞肉机</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-7.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">老板 油烟机+燃气灶套装</a></span>
						</div>
						<p class="price">￥1888</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>赠价值899元电压力锅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details3.html"><img class="tran5" width="256" src="img/hd-8.png" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details3.html">美的 免安装台式洗碗机</a></span>
						</div>
						<p class="price">￥2266</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>解放双手，让洗碗变得简单</p>
						</div>
					</li>
					<li style="cursor: pointer;" class="item fl">
						<div class="head">
							<img class="tran5" width="256" src="img/hd-8.png" />
						</div>
						<div class="empty">
							<span>已售罄</span>
							<button class="btn">
		    					<span>
		    						<img src="img/xbt-1_03.png"/>
		    						<img class="p2" src="img/xbt-2_03.png"/>
		    						到货提醒
		    					</span>
		    				</button>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="#">美的 免安装台式洗碗机</a></span>
						</div>
						<p class="price">￥2266</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>解放双手，让洗碗变得简单</p>
						</div>
					</li>

				</ul>
			</div>
		</div>
		<div id="footer"></div>

		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/head-foot.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				spaceBetween: 30,
				centeredSlides: true,
				autoplay: {
					delay: 2500,
					disableOnInteraction: false,
				},
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},

				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>
	</body>

</html>